<template>
	<div class="container">
		<navigationBar title="逛展馆" mode="none" ></navigationBar>
		<tabBar currentPage="/pages/index/list"></tabBar>
		<div class="content" :style="'padding-top: ' + (navigationBarHeight+10) + 'px;'">
			<div class="tui-product-list">
				<div class="tui-product-container">
					<block v-for="(item, index) in detail" :key="index" >
						<!--商品列表-->
						<div class="tui-pro-item"  @click="toWebView(item.link)">
							<image  :src="item.picture_url" class="tui-pro-img" mode="aspectFill" />
							<div class="tui-pro-content" v-if="item.name || item.introduce">
								<div class="title" v-if="item.name">{{ item.name }}</div>
								<div class="tui-pro-tit" v-if="item.introduce">{{item.introduce}}</div>
							</div>
						</div>
					</block>
				</div>
				<div class="noMore" v-if="!detail.length > 0">暂时没有更多</div>
			</div>
			
		</div>
	</div>
</template>

<script>
	import data from '@/js/index/list/data.js';
	import methods from '@/js/index/list/methods.js';
	import { mapState } from 'vuex';
	import navigationBar from '../../components/navigationBar.vue';
	export default {
		data,
		methods,
		onLoad(e) {
			// this.getData(e.id)
			
		},
		onShow() {
			// uni.hideTabBar({})
			
		},
		onPageScroll(res) {
			
		},
		onHide() {
			console.log('on hide')
		},
		onUnload() {},
		computed: {
			...mapState(['navigationBarHeight']),
			bgHeight() {
				// #ifdef APP-PLUS
				return 250
				// #endif
				return this.navigationBarHeight + uni.upx2px(364);
			}
		},
		components: {
			navigationBar,
		}
	};
</script>
<style>
	page,.uni-page {
		background: #000000;
	}
</style>
<style scoped lang="scss">
	@import '~@/style/index/list.scss';
</style>
